<template>
  <div class="student">
      <h2>学生姓名：{{name}}</h2>
      <h2>学生年龄：{{age}}</h2>
      <button @click="sendStudentName">点我传递学生姓名</button>
      <button @click="unbind">点我解绑自定义事件</button>
  </div>
</template>

<script>

  export default {
    name: 'Student',
    data(){
      return{
        name:'zhangsan',
        age: 18,
        xxx:666,
        yyy:777
      }
    },
    methods:{
      sendStudentName(){
        // 触发Student组件实例身上的getStudentName事件
        this.$emit('getStudentName',this.name,this.xxx,this.yyy)
      },
      unbind(){
        this.$off('getStudentName') //解绑一个自定义事件
        this.$off(['getStudentName','xxx']) //解绑多个自定义事件
        this.$off() //解绑所有个自定义事件
      }
    }
  }
</script>

<style scoped>
  .student {
    background-color: orange;
    padding: 10px;
  }
</style>